/* ==========================================================
 * SCREEN.css Main CSS File
 * ==========================================================
 */

/*
 * Framework Overrides
 *
 * Use this section to include any changes that are specifically intended to override directives in your
 * framework, if you are using one.
 */
.showgrid {
	background-image: url('grid.png');
}

/*
 * Main content styling and universal classes
 *
 * These include things that will be used often throughout the site and will apply to
 * many different types of elements.  Examples include .float_left, .float_right, .no_float,
 * .clear, .big_border, etc.
 */

/*
 * Default/General Typography and Colors
 *
 * Includes the typography, list styles, colors, heading styles, tables, etc. to use by
 * default on the website.  Generally, styles in this section will not apply to any specific ID's or Classes,
 * but will apply to to general elements.
 *
 * This is the area where you define the styles for the "main content area" of your pages.
 */

/*
 * Panels, panes, and other layout
 *
 * Includes all of the main layout items like #header_pane, #footer_pane,
 * #content_pane, #nav_pane, etc.
 */

/*
 * Special tables
 *
 * If the site will include different types of tables, style all but the default table type
 * in this section
 */

/*
 * Special lists
 *
 * If the site will include different types of lists, style all but the default list types
 * in this section
 */

/*
 * Special forms
 *
 * If the site includes any forms at all, style them in this section
 */

/*
 * Widgets
 *
 * Widgets include any special items that will be used repeatedly on the site.  Ex:
 * div.info_box or p.important_text or div.callout_quote
 */
 
/*
 * Special sections
 *
 * Special sections include any Javascript-dependent CSS or other uncategorizable
 * items like dialog boxes, lightboxes, etc.
 */
